/***Global  **/
* {
    box-sizing: border-box;
}
.iupload-container{
	margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.iupload-row{
	margin-left: -15px;
	margin-right: -15px;
}
.iupload-col{
	min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    float: left;
}
.iupload-col-1{
	width: 8.33333%;
}
.iupload-col-2{
	width: 16.6667%;
}
.iupload-col-3{
	width: 25%;
}
.iupload-col-4{
	width: 33.3333%;
}
.iupload-col-5{
	width: 41.6667%;
}
.iupload-col-6{
	width: 50%;
}
.iupload-col-7{
	width: 58.3333%;
}
.iupload-col-8{
	width: 66.6667%;
}
.iupload-col-9{
	width: 75%;
}
.iupload-col-10{
	width: 83.3333%;
}
.iupload-col-11{
	width: 91.6667%;
}
.iupload-col-12{
	width: 100%;
}
.iupload-thumbnail{
	background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    height: auto;
    line-height: 1.42857;
    max-width: 100%;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
    vertical-align: middle;
    margin: 4px;
    position: relative;
}
.iupload-bordered{
	background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.iupload-fileinput{
	opacity : 0;
	z-index : 2;
	position : absolute;
	top : 0px;
	left : 0px;
	cursor: pointer;
	width: 100%;
	height: 100%;
}

.iupload-centered{
	text-align: center;
	width:100%;
	margin:0 auto;
	display: inline-block;
}

.iupload-image-head{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	opacity: 0.4;
	background-color: #FFF;
}

.iupload-image-foot{
	position: absolute;
	bottom:0px;
	left:0px;
	width:100%;
	opacity: 0.4;
	background-color: #FFF;
}

.iupload-progressbar{
	background-color: #5cb85c;
	display: inline-block;
}
